@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; }
table{border-collapse:collapse; border-spacing:0; }
fieldset,img{border:0; }
ol,ul{list-style:none; }
caption,th{text-align:left; }
q:before,q:after{content:''; }
abbr,acronym{border:0; }
a{text-decoration:none; }
a:hover{text-decoration:none; }
.xunfeng{line-height:200%;}
.xunfeng img{max-width:100%;}
.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.l,.col-l,.col_l,.col-c,.col_c{float:left; }
.r,.col-r,.col_r,dt span,.ul-txt li span,.ul_txt li span{float:right; }
.c{clear:both; }
.dn{display:none; }
*,*:before,*:after {margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline: none !important;-webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent;-webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;font-smoothing: antialiased;}
body {color: #333;font-size: 14px;line-height: 1.5;font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;-webkit-font-smoothing: antialiased;}
img {border: none;}
input,textarea,select {font-size: 14px;color: #333;font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;border: none;}
/*input[type='submit'],input[type='reset'],input[type='button'],input[type='radio'],input[type='checkbox'],select{-webkit-appearance: none;-moz-appearance: none;appearance: none;}*/

input[type='submit'],input[type='reset'],input[type='button'],input[type='radio'],input[type='checkbox']{-webkit-appearance: none;-moz-appearance: none;appearance: none;}

::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
::-ms-input-placeholder {color: #999;}
select::-ms-expand {display: none;}
a {color: #333;text-decoration: none;}
.img-cover{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.img-contain{display: block;position: absolute;top: 50%;left: 50%;max-width: 100%;max-height: 100%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.wp {margin: 0 auto;width: 1500px;}
.header{position: fixed;z-index: 999;top: 0;width: 100%;left: 0;background: rgba(0, 0, 0, 0.3);padding: 0 9%;}
.header.fixed{background: #000;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);}
.logo{float: left;overflow: hidden;line-height: 120px;}
.logo img{display: inline-block;  vertical-align: middle;  max-width: 100%;  max-height: 100%;}
.nav:after{content: '';display: block;clear:both;visibility: hidden;width: 100%;height: 0;}
.nav {float: right;}
.nav ul{float: left;}
.nav li{float: left;position: relative;}
.nav li .v1{font-size: 16px;color:#fff;display: block;line-height:120px;margin: 0 24px;text-align: center;}
.nav li:hover .v1{border-color: #164099;}
.nav li .sub{display: none;position: absolute;top: 100%;left: 0;width: 200px;right: 0;box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);z-index: 9;padding: 10px 0;background-color: #000;}
.nav li .sub a{display: block;font-size: 12px;color:#fff;line-height: 35px;padding: 0 10px;}
.nav li .sub a:hover{background-color: #fff;color:#166ed2;}
.nav .tel{padding-left: 50px;  margin-left: 24px;  margin-top: 40px;  color:#fff;  font-size: 14px;  background: url(../images/ico1.png) no-repeat left 0 center;}
.nav .tel p{font-family: Impact;  font-size:24px;  line-height: 24px;}
.menuBtn{display: none;position: fixed;top: 16px;right: 12px;width: 30px;height: 30px;cursor: pointer;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.menuBtn b{display: block;height: 4px;background-color: #fff;margin: 4px 0;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.menuBtn.open{}
.menuBtn.open b{display: none;margin: 0;position: absolute;left: 0px;top: 50%;margin-top: -5px;width: 30px;}
.menuBtn.open b:first-child{display: block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.menuBtn.open b:last-child{display: block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.banner .swiper-slide a {display: block;background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; object-fit: cover;}
.banner .swiper-slide a img{width:100%; height:auto;}
.banner .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{bottom: 24px;left: 0;right: 0;text-align: center;  }
.banner.swiper-container .swiper-pagination-bullet{vertical-align: middle;width: 13px;height: 13px;background:rgba(255,255,255,.5);font-size:0;cursor:pointer;border: none;border-radius: 50%;opacity:1;display: inline-block;}
.banner.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;width: 34px;border-radius: 20px;}
.g-tit{text-align: center;overflow: hidden;margin-bottom: 37px;position: relative;padding-top: 32px;background-repeat: no-repeat;background-position: center top;}
.g-tit .en{background: linear-gradient(0deg, #FFFFFF 0%, #AFBDC8 100%);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  color:rgba(102, 102, 102, .25);  font-size: 100px;  font-family: Impact;}
.g-tit .cn{color:#333;font-size: 36px;font-weight: bold;  line-height: 1.1;text-transform: uppercase;margin-bottom: 15px;}
.g-tit i{display: inline-block;  vertical-align: middle;  width: 94px;  height: 1px;  background: #A6A6A6;  margin:0 14px;}
.g-tit .desc{font-size: 15px;color:#777777;}
.row1{overflow: hidden;  padding: 50px 0 62px;}
.m-probox{overflow: hidden;  margin-bottom: 30px;}
.ul-tabpro{float: left;  width: 316px;  margin-right: 40px;}
.ul-tabpro li{margin-bottom: 2px;  height: 90px;  background: #EEEEEE;  font-size: 16px;  padding: 0 5px;  position: relative;}
.ul-tabpro li a{color:#333333;  display: block;  text-align: center;  padding: 0 15px;  position: absolute;  top: 50%;  left: 0;  right: 0;  transform: translateY(-50%);}
.ul-tabpro li:hover{background: #2171C9;}
.ul-tabpro li:hover a{color:#fff;}
.row2{position: relative;  overflow: hidden;}
.row2 .g-tit{position: absolute;  top: 2.6vw;  z-index: 6;  left: 0;  right: 0;}
.row2 .g-tit .cn,.row2 .g-tit .desc{color:#fff;}
.sliderproduct .swiper-slide{border:1px solid #E5E5E5;  padding: 37px 30px;}
.sliderproduct .pic{width: 600px;  height: 450px;  float: left;  position: relative;  margin-right: 66px;}
.sliderproduct .txt{overflow: hidden;  padding-top: 18px;}
.sliderproduct .en{font-size: 50px;  color:#333333;  font-family: Arial;  font-weight: bold;  margin-bottom: 4px;  line-height: 1.1;  text-transform: uppercase;}
.sliderproduct .cn{font-size: 30px;  color:#333333;  margin-bottom: 28px;  line-height: 1.1;}
.sliderproduct .tit{font-size: 32px;  color:#333;  font-weight: bold;  margin-bottom: 11px;}
.sliderproduct .line{width: 30px;  height: 4px;  background: #166ED2;  margin-bottom: 34px;}
.sliderproduct .desc{font-size: 16px;  color:#666666;  line-height: 1.88;  margin-bottom: 76px;}
.sliderproduct a{display: block;  width: 148px;  height: 46px;  text-align: center;  line-height: 46px;  font-size: 14px;  color:#FFFFFF;  background: #166ED2;}
.sliderpro .swiper-slide{padding-top: 1px;}
.sliderpro .pic{ box-shadow: 0  0 3px rgba(0, 0, 0, 0.1);  position: relative;  padding-top: 100%;  overflow: hidden;}
.sliderpro .tit{line-height: 64px;  text-align: center;  background: #424242;  color:#fff;}
.ul-field{overflow: hidden; }
.ul-field li{width: 20%;  float: left;  position: relative;}
.ul-field li:last-child .con{border-right: none;}
.m-bg{position: relative;}
.m-bg .bg{position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background-repeat: no-repeat;  -webkit-background-size: cover;  background-size: cover;  color:#000;  opacity: 0;}
.m-bg .bg.on{opacity: 1;}
.m-bg .bg1{background-image: url(../images/tabbg-1.jpg);}
.m-bg .bg2{background-image: url(../images/tabbg1.jpg);}
.m-bg .bg3{background-image: url(../images/tabbg-3.jpg);}
.m-bg .bg4{background-image: url(../images/tabbg-4.jpg);}
.m-bg .bg5{background-image: url(../images/tabbg-5.jpg);}
.ul-field .con{height: 39.06vw;  border-right: 1px solid rgba(255, 255, 255, .3);  position: relative;  z-index: 3;  display: block;  overflow: hidden;}
.ul-field .con .show{position: absolute;left: 0;right: 0;   bottom: 30px;padding: 0 42px;color:#fff;transition: all .3s;}
.ul-field .con .tit{font-size: 26px;text-transform: uppercase;margin-bottom: 20px;height: 26px;line-height: 26px;overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}
.ul-field .con .desc{font-size: 16px;  line-height: 1.6; height: 0;  overflow: hidden;}
.ul-field li.on .desc{ height: 8.41em;}
.ul-field li:hover .con,.ul-field li.on .con{border-right: none;background: url(../images/bg1.png) no-repeat;}
.ul-field .con a{display: block;  font-size: 14px;  color:#fff;}
.tabpro{overflow: hidden;}
.row3{overflow: hidden;  background: url(../images/bg2.jpg) no-repeat;  -webkit-background-size: cover;  background-size: cover;  padding: 20px 0 30px;  position: relative;}
.row3::after{content:'';  display: block;  position: absolute;  top: 90px;  left: 0;  right: 0;  margin:0 auto;  width: 57.24vw;  height: 12.5vw;  background: url(../images/ico8.png) no-repeat;  -webkit-background-size: cover;  background-size: cover;}
.m-zc{overflow: hidden;  width: 1640px;  margin:0 auto;  height: 700px;  padding-top: 146px;  position: relative;  z-index: 2;  background: url(../images/png1.png) no-repeat center;  -webkit-background-size: contain;  background-size: contain;}
.m-zc .item{overflow: hidden;}
.m-zc .item .tit{font-size: 22px;  font-weight: bold;  color:#242424;}
.m-zc .item .desc{font-size: 15px;  color:#242424;  line-height: 2;}
.m-zc .item .txt{border-radius: 20px;  padding: 20px 26px 26px;  background-color: #fff;  position: relative;  width: 354px;}
.m-zc .r .item .txt{float: left;}
.m-zc .l .item .txt{float: right;}
.m-zc .l .item .txt::before {content: '';  display: block;  position: absolute;   right: -10px;  top: 50%;  width: 0;  height: 0;  border-top: 5px solid transparent;  border-left: 10px solid #fff;  border-bottom: 5px solid transparent;}
.m-zc .r .item .txt::before {content: '';  display: block;  position: absolute;   left: -10px;  top: 50%;  width: 0;  height: 0;  border-top: 5px solid transparent;  border-right: 10px solid #fff;  border-bottom: 5px solid transparent;}
.m-zc .item.t4 .ico{margin-top: 30px;}
.m-zc .item  .ico{width: 87px;  height: 87px;  margin-top: 64px;  background-repeat: no-repeat;}
.m-zc .item .tit{margin-bottom: 15px;}
.m-zc .item .tit span{font-size: 14px;  font-weight: normal;  margin-left: 10px;  text-transform: uppercase;}
.m-zc .item.t1{margin-bottom: 68px;}
.m-zc .item.t3{margin-bottom: 107px;}
.m-zc .l .item .ico{float: right;  margin-left: 20px;}
.m-zc .r .item .ico{float: left;  margin-right: 20px;}
/**ys**/
.sliderys{overflow: hidden;}
.sliderys .swiper-slide{padding: 10.16vw 5.21vw 0;  text-align: center;  color:#fff;  height: 42.19vw;}
.sliderys .swiper-slide:hover .bg{position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: rgba(22, 110, 210, .8);}
.sliderys .ico{margin:0 auto 46px;  width: 110px;  height: 110px;  background-repeat: no-repeat;  background-position: center;  position: relative;  z-index: 2;}
 .sliderys .cn{font-size: 21px;  margin-bottom: 8px;  position: relative;  z-index: 2;}
.sliderys .lin{width: 48px;  height: 48px;  margin:0 auto;  background: url(../images/ico12.png) no-repeat;  position: relative;  z-index: 2;}
.sliderys .desc{font-size: 16px;  text-align: left;  margin-bottom: 33px;  line-height: 1.5;  height: 7.5em;  position: relative;  z-index: 2;}
.sliderys .swiper-slide:hover .lin{background-image: url(../images/ico13.png);}
.row5{overflow: hidden;  padding: 50px 0 35px;}
.g-about{overflow: hidden;}
.g-about .pic{float: left;  width: 50%;  height: 620px;  margin-right: 68px;  background: url(../images/about.jpg) no-repeat;  -webkit-background-size: cover;  background-size: cover;}
.g-about .txt{overflow: hidden;  padding-right: 5.21vw;  position: relative;  padding-top: 60px;}
.g-about .txt::after{content:"";  display: block;  position: absolute;  top: 0;  left: 0;  width: 388px;  height: 84px;  background: url(../images/ico15.png) no-repeat;}
.g-about .txt .pp{font-size: 18px;  margin-bottom: 35px;  color:#333333;}
.g-about .txt .tit{font-size: 33px;  color:#333;  font-weight: bold;  font-family: Impact;  margin-bottom: 41px;}
.g-about .txt .line{width: 70px;  height: 4px;  background: #166ed2;  margin-bottom:35px;}
.g-about .txt .desc{font-size: 16px;  color:#333333;  line-height: 2.25;  margin-bottom: 62px;}
.g-about .txt .link{overflow: hidden;}
.g-about .txt a{float: left;  display: block;  width: 165px;  height: 48px;  background: #166ed2;  border-radius: 24px;  text-align: center;  line-height: 48px;  color:#fff;}
.g-about .txt a:last-child{margin-left: 26px;  background: #464646;}
.slidercase a{display: block;  position: relative;  padding-top: 75%;  overflow: hidden;}
.slidercase .swiper-slide:hover .hide{display: block;}
.slidercase  .hide{position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: rgba(43, 44, 47, .7);  display: none;}
.slidercase .pf{position: absolute;  top: 50%;  left: 0;  right: 0;  text-align: center;  color:#fff;  font-size: 18px;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);}
.slidercase .pf .btn{width: 112px;  height: 31px;  margin:10px auto 0;  font-size: 14px;  line-height: 29px;  color:rgba(255, 255, 255, .6);  border:1px solid rgba(255, 255, 255, .6);}
/*new**/
.row6{overflow: hidden;  padding: 50px 0;}
.m-news{overflow: hidden;}
.firstnew{float: left;  width: 710px;  height: 450px;  margin-right: 19px;  position: relative;}
.firstnew .tit{position: absolute;  bottom: 0;  left: 0;  width: 100%;  background: rgba(0, 0, 0, .7) url(../images/ico20.png) no-repeat right 30px center;  color:#fff;  line-height: 80px;  height: 80px;  font-size: 18px;  padding: 0 30px;}
.ul-new{overflow: hidden;}
.ul-new li{height: 140px;  background: #FAFAFA;  overflow: hidden;  margin-bottom: 15px;  padding:10px;}
.ul-new .pic{float: left;  width: 160px;  height: 120px;}
.ul-new .pic img{display: block;  width: 100%;  height: 100%;  object-fit: cover;}
.ul-new li:hover{background: #0D6ADB;}
.ul-new li:hover .day{border-bottom-color: #fff;}
.ul-new li:hover .day,.ul-new li:hover .yh,.ul-new li:hover .tit,.ul-new li:hover .desc{color:#fff;}
.ul-new .time{float: left;  width: 125px;  padding: 20px 30px 0;  text-align: center;}
.ul-new  .day{font-size: 42px;  line-height: 48px;  color:#949494;  font-weight: bold;  font-family: Arial;  margin-bottom: 4px;  border-bottom: 1px solid #949494;}
.ul-new  .yh{font-size: 14px;  color:#949494;}
.ul-new  .txt{overflow: hidden;  padding-top: 20px;  padding-right: 10px;}
.ul-new   .tit{font-size: 18px;  color:#333333;  margin-bottom: 4px;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}
.ul-new   .desc{font-size: 14px;  color:#999999;  line-height: 1.57;  display: -webkit-box;    overflow: hidden;    text-overflow: ellipsis;    word-break: break-all;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;}
.footer{overflow: hidden;  background: url(../images/bg3.jpg) no-repeat;  -webkit-background-size: cover;  background-size: cover;  color:#fff;}
.footer .box{overflow: hidden;  padding: 45px 0;}
.fd-add{overflow: hidden;  float: left;  width: 420px;  margin-right: 6vw;}
.fd-add .img{width: 210px;  height: 67px;  background: url(../images/logof.png) no-repeat;  margin-bottom: 30px;}
.fd-add .tel{font-size: 19px;  padding-left: 50px;  margin-bottom: 16px;  background: url(../images/ico17.png) no-repeat;}
.fd-add .tel span{font-size: 29px;  font-family: Arial;  font-weight: bold;}
.fd-add .desc{font-size: 16px;  line-height: 1.88;  color:rgba(255, 255, 255, 0.46);}
.snav{overflow: hidden;  float: left;  width: 516px;  margin-right: 2vw;  padding-top: 32px;}
.snav .tit{font-size: 18px;  font-weight: bold;  margin-bottom: 25px;}
.snav a{float: left;  width: 50%;  color:rgba(255, 255, 255, 0.62);  font-size: 16px;  line-height: 1.88;}
.m-form{overflow: hidden;  padding-top: 32px;}
.m-form .tit{font-size: 18px;  font-weight: bold;  margin-bottom: 25px;}
.m-form input{display: block;  background: #3a3a3a;  width: 100%;  height: 30px;  margin-bottom: 14px;  padding: 0 10px;  color:#fff;}
.m-form .tj{height: 96px;  position: relative;  background: #3a3a3a;  padding-right: 70px;}
.m-form .tj textarea{display: block;  width: 100%;  height: 100%;  background: none;  resize: none;  padding: 10px;  color:#fff;}
.m-form .tj textarea::placeholder,.m-form input::placeholder{color:#fff;}
.m-form .tj .js-btn{position: absolute;  right: 0;  top: 0;  width: 70px;  height: 100%;  background: #484848 url(../images/ico24.png) no-repeat center;}
.copy{padding: 20px 0; }
.copy a,.copy span{display: inline-block;   font-size: 13px;  color:rgba(255, 255, 255, 0.41);}
.links{overflow: hidden;  padding: 20px 0;  background: #121212;  border-top: 1px solid rgba(255, 255, 255, 0.1);}
.links .name{color:rgba(255, 255, 255, 0.46);  font-size: 18px;  margin-right: 30px;}
.links .link{overflow: hidden;}
.links  span,.links  a{display: inline-block;  margin-right: 15px;  color:rgba(255, 255, 255, 0.46);}
.right_nav_bar {position: fixed;  right: 0;  bottom: 15px;  z-index: 10001;  width: 57px;}
.right_nav_bar li {position: relative;  list-style: outside none none;  float: left;  height: 54px;  width: 57px;  background-color: #166ed2;}
.right_nav_bar li:hover .icons {width: auto;  background-color: #166ed2;  font-size: 14px;  color: #fff;  top: 0;}
.right_nav_bar .icons {height: 54px;  width: 57px;  float: left;  position: absolute;  right: 0;  transition: all 0.3s ease 0s;  overflow: hidden;  word-break: keep-all;  white-space: nowrap;  display: block;}
.right_nav_bar i.icon {background-repeat: no-repeat;  height: 54px;  width: 57px;  display: inline-block;  background-position: center center;  -webkit-background-size: 30px 30px;  background-size: 30px 30px;}
.right_nav_bar .top-icon i {background-image: url(../images/js-top.png);}
.js-top {width: 57px;  height: 54px;  display: block;  text-align: center;  line-height: 56px;  cursor: pointer;}
#floatBottom{width:100%;height:53px;background:#8a8a8a;position:fixed;left:0;bottom:0;z-index:999999;display: none;}
#floatBottom a{width:33.333%;height:53px;display:block;float:left;position:relative;font-size: 14px;color:#fff;text-align: center;padding-bottom: 4px;}
#floatBottom a img{display: block;margin:4px auto 2px;height: 25px;}
#floatBottom .ewm{width:87px;height:83px;position:absolute;bottom:55px;left:50%;margin-left:-45px;display:none;}
#floatBottom .ewm img{width:100%;height:100%;display:block;}

@media only screen and (max-width: 1850px) {
	.header{padding: 0 5%;}
	.nav li .v1{margin: 0 16px;}
}
@media only screen and (max-width: 1660px) {
	.wp{width: 1400px;}
	.sliderproduct .pic{width: 500px;}
	.m-zc{width: 1400px;height: 540px;}
	.sliderys .swiper-slide{padding-top: 5vw;}
	.sliderys .desc{font-size: 14px;}
	.snav{width: 400px;}
	.nav .tel{margin-left: 0;}
}
@media only screen and (max-width: 1500px) {
	.wp{width: 1200px;}
	.nav .tel{display: none;}
	.logo{line-height: 80px;height: 80px;width: 300px;}
	.nav li .v1{line-height: 80px;}
	.firstnew{width: 600px;}
	.g-tit{-webkit-background-size: auto 50px; background-size: auto 50px;padding-top: 20px;}
	.g-tit .cn{font-size: 28px;}
	.sliderys .cn{font-size: 22px;}
	.fd-add{margin-right: 0px;}
	.sliderys .swiper-slide{height: 500px;}
	.sliderproduct .en{font-size: 28px;}
	.sliderproduct .tit{font-size: 22px;}
	.sliderpro .tit{line-height: 46px;}
	.sliderproduct .pic{width: 300px;height: 310px;}
	.ul-tabpro li{height: 62.5px;}
	.sliderproduct .txt{padding-top: 0;}
	.sliderproduct .cn{font-size: 24px;margin-bottom: 10px;}
	.sliderproduct .desc{margin-bottom: 30px;}
	.m-zc{width: 1200px;height: 420px;}
	.m-zc .item .txt{padding: 15px;}
	.m-zc .item.t1{margin-bottom: 40px;}
	.m-zc .item.t3{margin-bottom: 56px;}
	.m-zc .item .tit{font-size: 18px;margin-bottom: 4px;}
	.m-zc .item .desc{font-size: 14px;line-height: 1.6;}
	.m-zc .item .ico{margin-top: 26px;}
	.m-zc .item.t4 .ico{margin-top: 0;}
	.g-about .txt .desc{font-size: 14px;}
	.snav a{font-size: 14px;}
	.fd-add .desc{font-size: 14px;}
	.g-about .pic{height: 500px;margin-right: 40px;}
	.g-about .txt .tit{font-size: 24px;}
	.g-about .txt{padding-top: 0;padding-right: 0;}
	.g-about .txt::after{display: none;}
}

@media only screen and (max-width: 1230px) {
	body{padding: 60px 0 53px;}
	.banner.swiper-container .swiper-pagination-bullet{width: 8px;height: 8px;}
	.banner .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{bottom:5px;}
	.firstnew{display: none;}
	.sliderys .cn{font-size: 22px;}
	.sliderys .desc{font-size: 14px;}
	.g-tit{-webkit-background-size: 0 0;background-size: 0 0;padding-top: 0;margin-bottom: 20px;}
	.g-tit .cn{font-size: 26px;margin-bottom: 0;}
	.wp{width: auto;padding: 0 15px;}
	.snav{display: none;}
	.header{display: none;}
	.g-about .pic{display: none;}
	.g-about{padding: 0 15px;}
	.g-about .txt .desc{margin-bottom: 20px;}
	.g-about .txt .tit{margin-bottom: 20px;padding-top: 20px;}
	.m-zc{width: auto;padding: 0 15px;background: none;height: auto;}
	.m-zc .l,.m-zc .r{width: 49%;}
	.m-zc .item .txt{width: calc(100% - 120px);}
	.row3::after{display: none;}
	.row1{padding: 40px 0 ;}
	.row3{padding: 50px 0;}
	.ul-tabpro{width: auto;float: none;margin-right: 0px;overflow: hidden;margin-bottom: 30px;}
	.ul-tabpro li{width: 33.333%;float: left;border-right: 1px solid #fff;font-size: 14px;height: 42px;}
	.ul-field .con .tit{font-size: 18px;margin-bottom: 4px;}
	.g-tit i{display: none;}
	.right_nav_bar{display: none;}
}
@media only screen and (max-width: 1023px) {
	.ul-news li{margin-bottom: 15px;}
	.ul-news{padding: 20px 0;border-radius: 10px;}
	.ul-news .time{text-align: center;margin-right: 20px;}
	.ul-news .tit{margin-bottom: 6px;}
	.ul-news .txt{padding-right: 20px;background: none;}
	.g-tit .desc{font-size: 14px;}
	.g-about .txt .tit{font-size: 22px;margin-bottom: 10px;padding-top: 0;}
	.row6{padding: 30px 0;}
	.row5{padding: 30px 0;}
	.sliderys .swiper-slide{height: 400px;}
	.sliderys .ico{margin-bottom: 20px;}
	.row3{padding: 30px 0;}
} 
@media only screen and (max-width: 960px) {
	.m-zc .l, .m-zc .r{width: auto;float: none;}
	.m-zc .item,.m-zc .item.t1,.m-zc .item.t3{margin-bottom: 20px;}
	.m-zc .item .tit span{display: none;}
}
@media only screen and (max-width: 767px) {
	.g-tit i{display: none;}
	.g-tit .cn{font-size: 22px;margin-bottom: 2px;}
	.g-tit{margin-bottom: 20px;}
	.row4 .g-tit .desc{font-size: 14px;}
	.row4 .info{margin-bottom: 10px;}
	.ul-news .time{width: 80px;}
	.ul-news .time .day{font-size: 42px;line-height: 1.1;}
	.ul-news .tit{font-size: 16px;margin-bottom: 0;}
	.links{padding: 20px 0;}
	.links .name{float: none;margin:0 auto 15px;}
	.g-add .item{font-size: 14px;float: none;margin-right: 0;margin-bottom: 10px;}
	.ul-about li{width: 50%;}
	.ul-new .pic{display: none;}
	.ul-new li{height: 90px;}
	.ul-new .time{width: auto;padding:  0px 0 0;margin-right: 20px;}
	.ul-new .txt{padding-top: 0;}
	.sliderproduct .pic{width: auto;float: none;margin-bottom: 20px;margin-right: 0;}
	.ul-tabpro li{width: 50%;font-size: 12px;}
	.ul-field li{width: 50%;border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
	.ul-field li .con{height: 66px;}
	.ul-field li:last-child{width: 100%;}
	.m-bg .bg{-webkit-background-size: 0 0;background-size: 0 0;}
	.ul-field .con .show{position: static;padding: 10px;}
	.g-about .txt a{width: 120px;height: 42px;line-height: 42px;}
	.slidercase .swiper-slide{padding: 0 15px;}
	.g-about .txt .line{height: 2px;margin-bottom: 20px;}
	.fd-add{width: auto;float: none;margin-right: 0;margin-bottom: 0px;}
	.footer .box{padding: 30px 0 0;}
	.m-form{padding-top: 20px;}
	.row2 .g-tit{position: static;}
	.row2 .g-tit .cn{color:#333;}
	.row2 .g-tit .desc{color:#999;}
	.ul-field{background: url(../images/mn-bg1.jpg) no-repeat;-webkit-background-size: cover; background-size: cover;background-position: center;}
	.ul-field .con .tit{font-size: 14px;}
	.ul-field .con p{font-size: 12px;}
	.ul-field li:hover .desc{display: none;}
}
@media only screen and (max-width: 500px) {
	.sliderproduct .pic{height: 240px;}
	.sliderproduct .en,.sliderproduct .cn{display: none;}
	.sliderproduct .swiper-slide{padding: 15px;}
	.sliderproduct .line{margin-bottom: 12px;}
	.sliderproduct .desc{font-size: 14px;margin-bottom: 10px;}
	.row1{padding: 20px 0;}
	.g-tit .desc{font-size: 12px;}
	.tabpro{display: none;}
	.m-probox{margin-bottom: 0;}
	.m-zc .item.t2 .ico{margin-top: 50px;}
}
  
.ban{overflow: hidden;height: 36.46vw;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;position: relative;}
.ban .pf{position: absolute;color:#fff;top: 50%;left: 0;right: 0;text-align: right;padding: 0 9%;transform: translateY(-50%);}
.ban .tit{font-size: 38px;font-weight: bold;letter-spacing: 2px;margin-bottom: 20px;}
.ban .line{width: 80px;height: 4px;background: #fff;float: right;}
.ban .desc{font-size: 24px;display: none;}
.g-title{overflow: hidden;text-align: center;margin-bottom: 32px;}
.g-title .tit{font-size: 42px;color:#333333;font-weight: bold;margin-bottom: 10px;}
.g-title .desc{font-size: 16px;text-transform: uppercase;color:#666666;}
.g-title .desc i{display: inline-block;width: 176px;height: 7px;margin:0 24px;background: url(../images/ico22.png) no-repeat;}
.g-title .desc i:last-child{background-image: url(../images/ico23.png);}
.page1{overflow: hidden;padding: 45px 0 62px;background: url(../images/pic16.jpg) no-repeat;-webkit-background-size: cover;background-size: cover;}
.page1 .info{font-size: 16px;color:#888888;text-align: center;line-height: 1.75;margin-bottom: 32px;}
.ul-snavlist1{overflow: hidden;margin-bottom: 40px;}
.ul-snavlist1.sty1{margin-top: 30px;margin-bottom: 0px;}
.ul-snavlist1.sty2 li .con{background-color: #fff;}
.ul-snavlist1 li{float: left;width: 16.66%;}
.ul-snavlist1 li .con{display: block;height: 46px;line-height: 44px;text-align: center;border: 1px solid #EEEEEE;background: #fff;}
.ul-snavlist1 li.on .con,
.ul-snavlist1 li:hover .con{background: #166ED2;color:#fff;}
.page2{overflow: hidden;padding: 50px 0;}
.ul-list1{overflow: hidden;}
.ul-list1 li{float: left;width: 20%;height: 600px;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;position: relative;}
.ul-list1 li.on{width: 40%;}
.ul-list1 .hide{display: none;position: absolute;bottom: 0;left: 0;width: 100%;color:#333;padding: 23px 40px 36px;}
.ul-list1 .hide .t1{font-size: 14px;color:#333;font-weight: bold;text-transform: uppercase;}
.ul-list1 .hide .t2{font-size: 32px;font-weight: bold;line-height: 1.1;margin-bottom: 26px;}
.ul-list1 .hide .desc{font-size: 16px;line-height: 1.5;color:#333;}
.ul-list1 .show{background: rgba(0, 0, 0, 0.8) url(../images/ico20.png) no-repeat bottom 60px center;height: 100%;text-align: center;color:#fff;padding-top: 36px;}
.ul-list1 .show .num{font-size: 56px;margin-bottom: 2px;}
.ul-list1 .show .line{margin:0 auto 38px;width: 1px;height: 168px;background: rgba(255, 255, 255, 0.5);}
.ul-list1 .show .tit{font-size: 30px;}
.ul-list1 .show .en{font-size: 14px;margin-bottom: 60px;text-transform: uppercase;}
.ul-list1 li.on .show{display: none;}
.ul-list1 li.on .hide{display: block;}
.ul-list1 .hide .ico{width: 52px;height: 56px;margin-bottom: 26px;background-repeat: no-repeat;background-position: center;}
.productslistpro .pic{position: relative;height: 0;overflow: hidden;padding-top: 75%;}
.productslistpro .tit{line-height: 64px;text-align: center;background: #424242;color: #fff;}
.m-server{overflow: hidden;}
.m-server .pic{width: 50%;height: 700px;float: left;background: url(../images/pic12.jpg) no-repeat;-webkit-background-size: cover;background-size: cover;}
.m-server .txt{overflow: hidden;height: 700px;color:#fff;background: url(../images/pic15.jpg) no-repeat;-webkit-background-size: cover;background-size: cover;}
.m-server .txt .box{margin: 68px 10.94vw 0px 6.15vw;overflow: hidden;}
.m-server .txt .item{margin-bottom: 49px;}
.m-server .txt .tit{font-size: 24px;font-weight: bold;overflow: hidden;padding-left: 49px;z-index: 2;margin-bottom: 20px;position: relative;margin-right: 7.97vw;background: url(../images/ico21.png) no-repeat;}
.m-server .txt .tit em{display: block;height: 1px;position: absolute;right: 50px;top: 20px;border-bottom: 1px dashed rgba(255, 255, 255, 0.7);}
.m-server .txt .tit em.t1{width: 127px;}
.m-server .txt .tit em.t2{width: 243px;}
.m-server .txt .tit em.t3{width: 80px;}
.m-server .txt .tit em.t4{width: 99px;}
.m-server .txt .tit span{display: block;float: right;font-weight: normal;}
.m-server .txt .desc{font-size: 14px;line-height: 1.71;color:rgba(255, 255, 255, 0.7);}
.page4{overflow: hidden;padding: 30px 0;}
.ul-pronews a{display: block;padding: 10px;background: #FAFAFA;overflow: hidden;}
.ul-pronews .pic{float: left;width: 180px;height: 130px;margin-right: 30px;overflow: hidden;}
.ul-pronews .pic img{display: block;width: 100%;height: 100%;}
.ul-pronews .txt{overflow: hidden;padding-top: 8px;padding-right: 20px;}
.ul-pronews .tit{font-size: 18px;color:#333333;font-weight: bold;margin-bottom: 4px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ul-pronews .desc{font-size: 14px;color:#666666;line-height: 1.71;margin-bottom: 10px;}
.ul-pronews .time{font-size: 14px;color:#999999;}
.productsbg{height: 18.8vw;background: url(../images/pic14.jpg) no-repeat;-webkit-background-size: cover;background-size: cover;}
@media only screen and (max-width: 1900px) {
	.m-server .txt .tit{margin-right: 0;}
	.g-title .tit{font-size: 38px;}
}
@media only screen and (max-width: 1700px) {
	.m-server .txt .box{margin: 50px;}
	.m-server .pic,.m-server .txt{height: 635px;}
	.g-title .tit{font-size: 26px;}
	.ul-list1 .hide .t2{font-size: 28px;}
	.ban .tit{font-size: 26px;}
	.ban .desc{font-size: 20px;}
	.ban  .line{width: 60px;height: 2px;margin-bottom: 10px;}
	}
@media only screen and (max-width: 1230px) {
	.m-server .pic{display: none;}
	.m-server .txt{height: auto;}
	.m-server .txt .item:last-child{margin-bottom: 0;}
	.m-server .txt .tit em{display: none;}
	.g-title .tit{font-size: 24px;}
	.ul-list1 .show .tit{font-size: 22px;}
	.ul-list1 .hide .t2{font-size: 24px;margin-bottom: 10px;}
	.ul-list1 .hide .ico{margin-bottom: 6px;}
	.productslistpro .tit{line-height: 42px;}
	.ul-snavlist1 li{width: 33.33%;float: left;}
	.ul-snavlist1 li .con{font-size: 14px;line-height: 44px;height: 44px;}
	.page1 .info{font-size: 14px;text-align: left;}
	.page1,.page2{padding: 30px 0;}
	.ul-list1 li.on,.ul-list1 li{width: 50%;border-bottom: 1px solid #fff;}
	.ul-list1 .show,.ul-list1 .hide .ico,.ul-list1 .hide .t1{display: none;}
	.ul-list1 .hide{display: block;position: static;padding: 50px 15px 0;height: 200px;background: rgba(0,0,0,.5);}
	.ul-list1 li{height: 200px;}
	.ul-list1 .hide .t1,.ul-list1 .hide .t2,.ul-list1 .hide .desc{color:#fff;}
	.ul-list1 .hide .t2{font-size: 22px;}
	.g-title .desc i{display: none;}
	.ban .tit{font-size: 22px;}
	.ban .desc{font-size: 18px;}
}
@media only screen and (max-width: 1023px) {
  .g-title .tit{font-size: 22px;margin-bottom: 0px;}
  .ul-snavlist1 li{width: 50%;}
  .ul-snavlist1 li .con{font-size: 10px;}
  .ban{background-position: center ;object-fit: cover;}
  .page1 .info{margin-bottom: 10px;}
  .ul-snavlist1{margin-bottom: 20px;}
  .g-title{margin-bottom: 20px;}
  .ban .desc{font-size: 14px;}
}
@media only screen and (max-width: 767px) {
	.m-server .txt .tit span{display: none;}
	.m-server .txt .tit{font-size: 20px;margin-bottom: 6px;}
	.m-server .txt .item{margin-bottom: 14px;}
	.m-server .txt .box{margin:15px;}
	.ul-pronews .pic{display: none;}
	.ul-list1 .hide{padding-top: 20px;}
	.ul-list1 .hide .desc{font-size: 14px;}
	.ul-list1 .hide .t2{font-size: 18px;}
	.g-title .desc{font-size: 14px;}
}
/**mobile nav**/
.hd-mobile{display: none;}
@media only screen and (max-width: 1230px) {
	.header{display: none;}
	.logo{line-height: 60px;height: 60px;padding-right: 0;border-right: none;width: 230px;}
	body{padding: 60px 0 53px;}
	.hd-mobile{display: block;position: fixed;z-index: 999;top: 0;width: 100%;left: 0;background: #000;}
	.menuBtn{display: block;}
	.nav_mobile{position: fixed;top: 60px;left: 0;right: 0;bottom: 0;z-index: 99;overflow: hidden;background: #fff;width: auto;float: none;padding: 0;display: none;border-top:1px solid #eee;}
	.nav_mobile li{position: relative;}
	.nav_mobile li .v1{line-height: 40px;text-align: left;padding:0 20px;color:#333; border-bottom:1px solid #eee;font-size: 14px;display: block; }
	.nav_mobile li i {display: block;width: 40px;height: 40px;background-position: center center;position: absolute;right: 0;top: 0;z-index: 9;background: url(../images/sel.png) no-repeat center center;-webkit-background-size: 18px 18px;background-size: 18px 18px;}
	.nav_mobile li .sub{padding: 10px 0;background-color: #3D7AE3;display: none;}
	.nav_mobile li .sub a{padding-left: 20px;text-align: left;line-height: 30px;color:#fff;font-size: 14px;display: block;}
	.nav_mobile .v1{height: 40px;line-height: 40px;text-align: left;color:#333;padding-left: 10px;margin:0;overflow: hidden;}
	.nav_mobile li:hover .v1,
	.nav_mobile li.on .v1{background: none;}
    .nav_mobile li .v1::after{display: none;}
	#floatBottom{display: block;}
}
.ul-yyly{overflow: hidden;padding: 30px 0;margin:0 -15px;}
.ul-yyly li{width: 50%;float: left;margin-bottom: 20px;}
.ul-yyly li a{display: block;overflow: hidden;margin:0 15px;background: #F1F1F1;}
.ul-yyly .pic{height: 0;position: relative;padding-top: 43%;overflow: hidden;}
.ul-yyly .pic img{transition:all .5s;}
.ul-yyly .txt{overflow: hidden;padding: 20px 20px 12px;}
.ul-yyly .tit{font-weight: bold;font-size: 18px;color:#333;margin-bottom: 4px;position: relative;padding-left: 20px;}
.ul-yyly .tit::after{content: '';width: 8px;height: 8px;border: 2px solid #166ED2;border-radius: 50%;position: absolute;left: 0;top: 11px;}
.ul-yyly .desc{font-size: 14px;line-height: 1.7;color:#666;margin-bottom: 14px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.ul-yyly.more{background: #166ED2;padding: 10px 20px;color:#fff;font-size: 14px;border-radius: 4px;overflow: hidden;display: inline-block;}
.ul-yyly li:hover img{-webkit-transform: scale(1.08,1.08);-ms-transform: scale(1.08,1.08);-o-transform: scale(1.08,1.08);transform: scale(1.08,1.08);}
.ul-yyly li:hover a{background: #166ED2;}
.ul-yyly li:hover .tit,.ul-yyly li:hover .desc{color:#fff;}
.ul-yyly li:hover .tit::after{background-color: #fff;}
.product_list{overflow: hidden;}
.main{overflow: hidden;margin: 30px 0;}
.g-lxwm{overflow: hidden;float: left;width: 50%;margin-right: 40px;}
.g-lxwm.name,.g-zxly .name{font-size: 24px;margin-bottom: 30px;}
.g-lxwm .txt{ }
.g-lxwm .txt p{line-height: 50px;font-size: 14px;color:#333;padding: 0 20px;background: #f2f2f2;}
.g-lxwm .txt p.pl{padding-left: 62px;}
.g-lxwm .txt p:nth-child(odd){background: #fafafa;}
.g-zxly{overflow: hidden;}
#map{height: 300px;}
.ul-prolist{overflow: hidden;margin:0 -15px;}
.ul-prolist li{width: 25%;float: left;overflow: hidden;margin-bottom: 20px;}
.ul-prolist a{display: block;margin:0 15px;}
.ul-prolist .pic{position: relative;padding-top: 100%;overflow: hidden;height: 0;border:1px solid #eee;}
.ul-prolist .tit{background: #eee;line-height: 42px;text-align: center;font-size: 14px;color:#333;}

.ul-prolist2{overflow: hidden;margin:0 -15px;}
.ul-prolist2 li{width: 16.666666%;float: left;overflow: hidden;margin-bottom: 20px;}
.ul-prolist2 a{display: block;margin:0 15px;}
.ul-prolist2 .pic{position: relative;padding-top: 100%;overflow: hidden;height: 0;border:1px solid #eee;}
.ul-prolist2 .tit{background: #eee;line-height: 42px;text-align: center;font-size: 14px;color:#333;}



.m-case{padding: 50px 0;overflow: hidden;}
.m-case .title{font-size: 32px;font-weight: bold;margin-bottom: 20px;}
.ul-csae{overflow: hidden;margin:0 -15px;}
.ul-csae li{width: 25%;float: left;margin-bottom: 15px;}
.ul-csae a{display: block;margin:0 15px;}
.ul-csae .pic{position: relative;padding-top: 75%;overflow: hidden;height: 0;}
@media only screen and (max-width: 1430px) {
	.ul-yyly .txt{padding-top: 22px;}
}
@media only screen and (max-width: 1230px) {
	.ul-yyly .pic{width: auto;float: none;height: 25vw;}
	.ul-yyly .txt{padding: 20px ;}
	.ul-yyly li a{margin:0 10px;}
	.ul-yyly{margin:0 -10px;}
	.g-lxwm{width: auto;float: none;margin-right: 0;margin-bottom: 20px;}
	.g-lxwm .name, .g-zxly .name{font-size: 22px;margin-bottom: 10px;}
	.ul-prolist li{width: 50%;margin-bottom: 10px;}
	.ul-prolist li a{margin:0 5px;}
	.ul-prolist{margin:0 -5px;}
	.ul-prolist2 li{width: 33.333333%;margin-bottom: 10px;}
	.ul-prolist2 li a{margin:0 5px;}
	.ul-prolist2{margin:0 -5px;}
	.ul-csae li{width: 50%;}
	.m-case .title{font-size: 22px;}
}
@media only screen and (max-width: 600px) {
	.ul-yyly li{width: auto;float: none;}
}
@media only screen and (max-width: 500px) {
	.ul-yyly li{width: auto;float: none;}
	.ul-yyly .txt{padding: 15px 15px 10px;}
	.ul-yyly .pic{height: 220px;}
	.g-lxwm .txt p{font-size: 12px;line-height: 35px;}
	.pd30{padding-left: 10px;padding-right: 10px;padding-top: 20px;padding-bottom: 0;}
	.ul-prolist .tit{font-size: 10px;line-height: 30px;}
	.ul-prolist2 .tit{font-size: 10px;line-height: 30px;}
	.m-case{padding: 20px 0;}
	.ul-csae li a{margin: 0 5px;}
	.ul-csae{margin:0 -5px;}
}